{% extends "::layout.html.twig" %}

{% block title %} Accueil - {{ parent() }} {% endblock %}

{% block content %}
    <div class="row">
        <div class="col-xs-12 col-md-8 col-lg-9">
            <div class="block">
                <h1>Présentation du site</h1>
                <hr/>
                <h2>Concept</h2>
                <p><strong>&laquo;Shop your Thing&raquo;</strong> introduit un nouveau genre de commerce en ligne. Maintenant, vous êtes au centre du processus d'achat, c'est à dire, qu'en fonction de votre humeur du moment, de vos centres d'intérêts, de votre age, ou encore de votre budget, les résultats affichés sont filtrés et personnalisés. De plus, chaque jour, de nouvelles tendances vous sont proposées... </p>
                <p>Ce site vous permet de trouver votre bonheur facilement en fonction de vos désirs. Et si, vous repreniez le pouvoir ?</p>
                <br/>
                <hr/>
                <h2>Pourquoi s'inscrire su le site ?</h2>
                <ul>
                    <li>Pour recevoir des offres personnalisés en fonction de vos critères à l'inscription.</li>
                    <li>Pour définir vos critères de choix (intérêts, age, sexe, humeur du moment, budget, etc...)</li>
                    <li>Modifier votre profil à tout moment</li>
                </ul>
                <br/>
                <hr/>
                <h2>Autres avantages</h2>
                <p>
                    En plus de ces offres personnalisées, vous pourrez visualiser les offres les plus en vogue des derniers jours (tendance).<br/>
                    Notre moteur de recherche dernier cri vous donnera les meilleures propositions possibles ! Vous en serez ravis !
                </p>
            </div>    
               
        </div>
        <div class="col-xs-12 col-md-4 col-lg-3">
            <div class="block">
                <h1>Derniers produits</h1>
                <hr/>
                {% for tp in lastProducts %}
                    <div class="product vproduct">
                    <a href="{{ path('y_commerce_global_produit', {'id': tp.id}) }}">
                        <img src="{{ '/'~tp.getWebPath() }}" class="img-thumbnail" alt="{{ tp.name }}" title="{{ tp.name }}" />
                        <h3>{{ tp.name }}</h3>
                    </a>
                </div>
                {% endfor %}
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12 col-lg-12">
            <div class="block">
                <h1>Les tendances actuelles</h1>
                <hr/>
                {% for tp in tendanceProducts %}
                    <div class="product hproduct">
                        <a href="{{ path('y_commerce_global_produit', {'id': tp.id}) }}">
                            <img src="{{ '/'~tp.getWebPath() }}" class="img-thumbnail" alt="{{ tp.name }}" title="{{ tp.name }}" />
                            <h3>{{ tp.name }}</h3>
                        </a>
                    </div>
                {% endfor %}
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
{% endblock %}